<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	
	<script src="js/jquery-1.10.2.js"></script>
	<script src="js/jquery-ui-1.10.3.js"></script>
  	<script src="js/bootstrap.js"></script>
		
    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">    
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
	<link href="css/bootswatch.css" rel="stylesheet">
    <link href="css/jquery-ui-1.10.3.css" rel="stylesheet">
    
	<title>Karaoke</title>
</head>
<body>	
	
				<!-- INICIO DEL MENU PRINCIPAL -->
	    <div class="navbar navbar-inverse navbar-fixed-top">
	      <div class="navbar-inner">
	        <div class="container">
	          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </a>
	          <a class="brand" href="#">Karaoke</a>
	          <div class="nav-collapse collapse">
	            <ul class="nav">
					<li class="active"><a href="#">Home</a></li>
	              <li><a href="ReservaBuscar.jsp">Reservas</a></li>
	              <li><a href="ProductoBuscar.jsp">Productos</a></li>
	              <li><a href="LocalBuscar.jsp">Locales</a></li>
	              <li><a href="SalaBuscar.jsp">Salas</a></li>
	              <li><a href="EventoBuscar.jsp">Eventos</a></li>
	              <li><a href="ComprobanteBuscar.jsp">Comprobante</a></li>
	            </ul>
	          </div>
	        </div>
	      </div>
	    </div>
		<!-- FIN DEL MENU PRINCIPAL -->
		
	<div>	
	<br>
	<br>
	<br>
	<fieldset class="form-horizontal well">
				
		<form id="form1" name="form1" method="post" action="ProductoServlet?Param=insertar">	
	
		<%@page import="java.util.*, pe.edu.upc.karaoke.modelo.*" %>
				
		<h3>Nuevo Producto</h3>
		Nombre: <input id="txtNombre" name="txtNombre" type="text" required autofocus/>
		<br/>		
		
		Precio: <input id="txtPrecio" name="txtPrecio" type="text" required autofocus/>
		<br/>
				
		Disponibilidad:
		<select name="listaDisponible" id="listaDisponible">
			  <option value=1>DISPONIBLE</option>
			  <option value=0>NO DISPONIBLE</option>
		</select>
		<br/>
		
  		Tipo:
		<br/>
  		<%
		List<TipoProducto> listaTipo = (ArrayList<TipoProducto>)request.getAttribute("tipoProducto");
		if(listaTipo != null) { 
		int i = 1;
		%>
		<select name="listaTipo" id="listaTipo">
			<%for(TipoProducto x : listaTipo) {%>  
			  <option value=<%out.print(x.getIdTipoProducto());%>><%out.print(x.getNombre());%></option>
			<% } %> 
		</select>
		<% } %>
  		<br/>
  		
  		<button id="botonEnviar" type="submit" class="btn">Enviar</button>		
		<p/>&nbsp;	
		
		</form>
	</fieldset>
	</div>	
	
</body>
</html>